// @import (css) "/assets/plugins/wxParse/wxParse.wxss";
page {
    overflow: hidden;
}
.h-title{
    padding: 25rpx;
}
.swiper-tab {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 12;
    background-color: #ffffff;
    border-bottom:1px solid #f2f2f2;    
    .swiper-tab-list {
        font-size: 30rpx;
        display: inline-block;
        color: #666666;
    }
    .on {
        color: #1972ff;
        .tab-line {
            background-color:#1972ff;
        }
            
    }
    .tab-line {
        margin: auto;
        width: 120rpx;
        height: 8rpx;
    }
}

//图片滑动
.swiper-img {
    .swiper-img-box {
        .slide-image {
            display: inline-block;
            overflow: hidden;
        }
    }
}

.goods-title {
    color: #333333;
    font-size: 30rpx;
    overflow: hidden;
    line-height: 46rpx;
    padding:0 20rpx;
    padding-top: 20rpx;
    .label-txt {
        color: #ffffff;
        margin: 6rpx;
        padding: 6rpx;
        display: inline-block;
        border-radius: 10rpx;
        font-size: 22rpx;
        line-height: 29rpx;
        height: 32rpx;
        text-align: center;
        vertical-align: middle;
    }
}

.price-list {
    padding: 20rpx 0 12rpx 0;
    font-size: 28rpx;
    .price-item {
        font-size: 48rpx;
        margin-left:10rpx;        
        color:#e64340;
        justify-content: center;
        text-align: center;
        line-height: 53rpx;
    }
    .line {
        height: 100rpx;
        width: 2rpx;
    }
    .line:last-child {
        display: none;
    }
}

.sale-logistics {
    font-size: 28rpx;
    color: #999999;    
    padding-left: 20rpx;
    padding-bottom: 20rpx;
    line-height:34rpx;    
    view {
        display: inline-block;
        padding-right: 60rpx;
    }
}

.tb-extra {
    color: #1972ff;
    font-size: 28rpx;
    padding-top: 30rpx;
    .extra-item {
        padding-left: 39rpx;
        image {
            width: 32rpx;
            height: 32rpx;
            vertical-align: middle;
            margin-right: 10rpx;
        }
        view {
            padding-right: 10rpx;
        }
    }
    .extra-item:first-child {
        padding-left: 20rpx;
    }
    .extra-list {
        width: 95%;
        display: inline-block;
    }
    .extra-more {
        display: inline-block;
        text-align: right;
        padding-right: 29rpx;
        image {
            height: 25rpx;
            width: 13rpx;
        }
    }
}

.goods-standard {
    height: 170rpx;
    align-items: center;
    text-align: center;
    .goods-standard-box {
        width: 95%;
        align-items: center;
    }
    .goods-standard-img {
        display: inline-block;
        width: 170rpx;
        image {
            width: 88rpx;
            height: 88rpx;
            vertical-align: middle;
        }
    }
    .goods-standard-notes {
        text-align: left;
        display: inline-block;
        font-size: 26rpx;
        color: #666666;
        line-height: 40rpx;
        padding-left: 40rpx;
    }
}

.more {
    display: inline-block;
    text-align: right;
    padding-right: 29rpx;
    image {
        height: 25rpx;
        width: 13rpx;
    }
}

.btn-bottom {
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    height:108rpx;        
    .btn-item {
        text-align: center;
        justify-content: center;
        align-items: center;
        text-align:center;
        //height: 108rpx;
    }
    image {
        width: 48rpx;
        height: 48rpx;
        vertical-align: middle;
    }
    .btn-icon {
        width: 270rpx;
        height: 108rpx;
        align-items: center;
    }
    .btn-action {
        width: 100%;
    }
    .btn-buy {
        color: #ffffff;
        background-color: #3d7eec;
    }
    .btn-to-cart {
        color: #3d7eec;
        vertical-align: middle;
        justify-content: center;
        align-content: center;
    }
    .button-hover {
        color: rgba(0, 0, 0, 0.6);
        background-color: #dedede;
    }
    button {
        border-radius: 0;
        border: 0; 
        height: 108rpx;
        line-height: 110rpx;
    }
    button::after {
        border-radius: 0;
        border: 0;
    }
}
.cart-icon{
    width:32rpx;
    height:32rpx;
    background-color:red;
    color:#ffffff;
    border-radius:50%;    
    font-size:24rpx;
    position:absolute;
    top:-6rpx;
    right:80rpx;    
    display:flex;
    align-items:center;
    justify-content:center;   
}
.params,
.service {
    font-size: 28rpx;
    .big-line{
        margin: 30rpx 0;
    }
    .service-item{
        margin:0 30rpx; 
        .title{
            font-weight: bold;
            margin: 30rpx 0;
        }
    }   
    .title {
        color: #1972ff;
    }
    .notes {
        color: #666666;
    }   
}

.video{
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 20rpx;
    image{
        width: 100%;
    }
    view{
        margin:30rpx;
    }
}

.dialog__animation {
    transform: translateY(150%);
}

.dialog__container {
    background-color: #ffffff;
    transform: translateY(150%);
}

.dialog--show {
    .dialog__container {
        transform: translateY(0);
    }
}
.attr_btn_area{
    button{
        min-width:750rpx;	
    }
}
.wxParse{
    image{
        position: relative;
        display: flex;
        flex-direction: column;
        width:100%;
    }
}